<template>
	<view class="fileToolBox">
		<view class="goUpBox mainBox" @click="clikTab(0)">
			<uni-icons type="plusempty" size="18" color="#363636"></uni-icons>
			<view class="toolText">更多</view>
		</view>
		<view class="goRecBox mainBox" @click="clikTab(1)">
			<uni-icons type="mic-filled" size="22" color="#ffffff"></uni-icons>
			<view class="toolText">录音</view>
		</view>
	</view>
</template>

<script setup>
	const clikTab = (val) => {
		uni.$emit('clikTabNum', {
			info: val
		});
	}
</script>

<style>
	.fileToolBox {
		position: fixed;
		bottom: 45px;
		left: 50%;
		transform: translateX(-50%);
		border-radius: 30px;
		display: flex;
		flex-direction: row;
		background-color: #ffffff;
		z-index: 99;
		font-size: 13px;
		padding: 10px;
	}

	.mainBox {
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		padding: 10px 15px;
		border-radius: 30px;
		white-space: nowrap;
	}

	.toolText {
		margin-left: 4px;
	}

	.goUpBox {
		color: #363636;

	}

	.goRecBox {
		background-color: #007AFF;
		color: #ffffff;
	}
</style>